@charset "UTF-8";
/**
 * ZHX CTC SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.10.10
 * 
 */
/**
 * ZHX CTC BASE SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.10.10
 * 
 */
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px; }

.zhx-ctc-liear-map-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  /**
 * ZHX CTC SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.10.10
 * 
 */ }
  .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: calc( 100% - 200px);
    min-width: 1100px;
    min-height: 520px;
    /**
 * ZHX CTC SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.10.11
 * 
 */
    /**
 * ZHX CTC SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.10.11
 * 
 */ }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper ul, .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper li {
      padding: 0;
      margin: 0;
      list-style: none; }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper > div {
      position: relative; }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-line-tab {
      height: 0px;
      overflow: hidden;
      background-color: #23998e;
      -moz-box-shadow: 0 0 8px #186760 inset;
      -webkit-box-shadow: 0 0 8px #186760 inset;
      box-shadow: 0 0 8px #186760 inset; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-line-tab ul {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-line-tab ul:before {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -webkit-justify-content: center;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          margin: 3px 10px 0 10px;
          color: #186760; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-line-tab ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -webkit-justify-content: center;
          align-items: center;
          justify-content: center;
          flex: 1 auto;
          max-width: 70px;
          color: #fff;
          border-right: 1px solid #1e847b;
          cursor: default; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-line-tab ul li:first-child {
            border-left: 1px solid #1e847b; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-line-tab ul li:hover {
            background-color: #208c83; }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header {
      flex: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      height: 35px;
      position: relative;
      z-index: 2;
      font-size: .8em;
      background-color: #f0f0f0;
      -moz-box-shadow: 0 2px 3px #bababa;
      -webkit-box-shadow: 0 2px 3px #bababa;
      box-shadow: 0 2px 3px #bababa; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-plate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-plate .zhx-ctc-header-p-num {
          width: 80px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -webkit-justify-content: center;
          align-items: center;
          justify-content: center;
          background-color: #1564c0;
          font-size: 1.5em;
          color: white;
          font-weight: 600;
          cursor: pointer; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-plate .zhx-ctc-header-p-info {
          flex: 1;
          height: 35px;
          background-color: #e1e1e1;
          border-right: 1px solid #bababa; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-plate .zhx-ctc-header-p-info ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 100%;
            padding: 0 8px; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-plate .zhx-ctc-header-p-info ul li {
              display: -webkit-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              -webkit-justify-content: center;
              align-items: center;
              justify-content: center;
              margin-right: 15px; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-plate .zhx-ctc-header-p-info ul li span:last-child {
                font-size: 1.4em;
                margin-left: 3px;
                font-weight: 600;
                color: #1564c0; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-plate .zhx-ctc-header-p-info ul li:last-child {
                margin-right: 0; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-controllers {
        flex: 1; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-controllers ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: flex-end;
          width: 100%;
          border-left: 1px solid white; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-controllers ul li {
            padding: 9px 15px;
            border-left: 1px solid white;
            border-right: 1px solid #bababa;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            cursor: pointer; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-controllers ul li:first-child {
              border-left: 1px solid #bababa; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-controllers ul li:last-child {
              border-right: none; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-controllers ul li:first-child:hover {
              background-color: #e3e3e3; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-header .zhx-ctc-header-controllers ul li:not(:first-child):hover {
              border-left: 1px solid gainsboro;
              background-color: #e3e3e3; }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -webkit-justify-content: center;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      flex: 1;
      z-index: 1;
      background-color: #F5F5F5; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend {
        position: absolute;
        width: calc( 100% - 240px);
        top: 0;
        left: 120px;
        z-index: 1;
        background-color: white;
        border-bottom: 1px solid gainsboro; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          width: 100%;
          height: 100%;
          font-size: .8em; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li {
            padding: 5px 10px;
            border-right: 1px solid #F5F5F5; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span {
              display: inline-block;
              margin: 2px 5px 0 0; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_g {
                color: #388E3C; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_b {
                color: #0288D1; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_o {
                color: #F57C00; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_y {
                color: #FFEE58; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_d {
                color: #795548; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_lb {
                color: #00ACC1; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_gy {
                color: #9E9E9E; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_pr {
                color: #673AB7; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_gr {
                color: #FFA726; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-legend ul li span.status_r {
                color: #ff5353; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-subline-tabs {
        width: calc( 100% - 240px);
        height: 30px;
        margin-top: 31px;
        border-bottom: 1px solid #f0f0f0; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-subline-tabs > ul {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-subline-tabs > ul > li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            align-items: center;
            justify-content: center;
            height: 100%;
            padding: 0 20px;
            border-right: 1px solid #e3e3e3;
            background-color: #f0f0f0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-subline-tabs > ul > li.active {
              background-color: white;
              border-bottom: 1px solid white; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-subline-tabs > ul > li:not(.active):hover {
              background-color: #e8e8e8; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area {
        position: absolute;
        top: 0;
        width: 120px;
        height: 100%;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area > div {
          flex: 1;
          position: relative; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area > div:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 1.7em;
            letter-spacing: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            align-items: center;
            justify-content: center;
            writing-mode: tb-rl;
            z-index: 0; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area > div > ul {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area > div > ul > li {
              display: -webkit-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              -webkit-justify-content: center;
              align-items: center;
              justify-content: center;
              position: relative;
              height: 25px;
              padding-left: 3px;
              font-size: .85em;
              margin: 2px;
              border-radius: 5px;
              z-index: 2;
              color: #3b3b3b; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area > div > ul > li > span.bus-no {
                flex: 1; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area > div > ul > li > span.bus-plan-time {
                width: 35px;
                margin-left: 3px; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .placing-area > div > ul > li:before {
                margin-right: 3px; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going {
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-waiting-area {
          background-color: #E0F2F1; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-waiting-area:after {
            content: '上行待发';
            color: #c7e7e6; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-waiting-area > ul > li {
            background-color: rgba(255, 255, 255, 0.4); }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-waiting-area > ul > li > span.bus-plan-time {
              color: #1c7c73; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-waiting-area > ul > li:before {
              color: #1c7c73; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-non-service {
          background-color: #FFFDE7; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-non-service:after {
            content: '非运营';
            color: #ffefc0; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-non-service > ul > li {
            background-color: rgba(255, 255, 255, 0.6); }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-non-service > ul > li > span.bus-plan-time {
              color: #e68800; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-up-going .upgo-non-service > ul > li:before {
              color: #e68800; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going {
        right: 0; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-waiting-area {
          background-color: #E0F2F1; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-waiting-area:after {
            content: '下行待发';
            color: #c7e7e6; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-waiting-area > ul > li {
            background-color: rgba(255, 255, 255, 0.4); }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-waiting-area > ul > li > span.bus-plan-time {
              color: #1c7c73; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-waiting-area > ul > li:before {
              color: #1c7c73; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-non-service {
          background-color: #FFFDE7; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-non-service:after {
            content: '非运营';
            color: #ffefc0; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-non-service > ul > li {
            background-color: rgba(255, 255, 255, 0.6); }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-non-service > ul > li > span.bus-plan-time {
              color: #e68800; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-down-going .downgo-non-service > ul > li:before {
              color: #e68800; }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        align-items: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc( 100% - 240px);
        height: calc( 100% - 140px);
        background-color: white; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div {
          width: 100%;
          height: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -webkit-justify-content: center;
          align-items: center;
          justify-content: center;
          position: relative; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div.ctc-liearMap-up .ctc-liear-line-wrapper {
            top: -20px; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div.ctc-liearMap-down .ctc-liear-line-wrapper {
            top: -20px; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 92%;
            height: 5px;
            background-color: #26a59a;
            border-radius: 6px; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line {
              position: relative;
              width: 95%;
              height: 5px; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-bus {
                width: 100%; }
                .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-bus > li {
                  position: absolute;
                  width: 1px;
                  -webkit-transition: all 0.3s ease 0s;
                  -moz-transition: all 0.3s ease 0s;
                  transition: all 0.3s ease 0s; }
                  .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-bus > li span.zhx-ctc-bus-icon {
                    position: relative;
                    font-size: 18px;
                    color: #00C853; }
                    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-bus > li span.zhx-ctc-bus-icon.busActiveClass {
                      left: -11px !important;
                      top: -2px !important;
                      font-size: 24px !important;
                      color: #2196f3 !important;
                      z-index: 999; }
                  .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-bus > li span.zhx-ctc-bus-info {
                    font-size: .9em; }
                  .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-bus > li span.up-bus {
                    left: -8px; }
                  .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-bus > li span.down-bus {
                    right: 8px; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station {
                width: 100%; }
                .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li {
                  position: absolute; }
                  .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span {
                    display: inline-block; }
                    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span.line-map-dot {
                      display: -webkit-box;
                      display: -ms-flexbox;
                      display: -webkit-flex;
                      display: flex;
                      -webkit-align-items: center;
                      -webkit-justify-content: center;
                      align-items: center;
                      justify-content: center;
                      position: absolute;
                      left: -6px;
                      top: -4px;
                      width: 12px;
                      height: 12px;
                      background-color: #26a59a;
                      border-radius: 100%;
                      color: #F5F5F5; }
                      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span.line-map-dot.firstStation-dot, .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span.line-map-dot.lastStation-dot {
                        left: -11px;
                        top: -8px;
                        width: 22px;
                        height: 22px;
                        font-size: .9em; }
                      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span.line-map-dot.firstStation-dot:before {
                        content: '起'; }
                      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span.line-map-dot.lastStation-dot:before {
                        content: '终'; }
                    .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span.line-map-Name {
                      position: absolute;
                      width: auto;
                      text-align: right;
                      left: -6px;
                      top: 14px;
                      transform-origin: 0 0;
                      transform: rotate(35deg);
                      font-size: .8em;
                      line-height: 120%;
                      -webkit-user-select: none;
                      -moz-user-select: none;
                      user-select: none; }
                    @media screen and (max-width: 1200px) {
                      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-liear-map > div > .ctc-liear-line-wrapper .ctc-liear-line > ul.ctc-line-station > li > span.line-map-Name {
                        top: 14px;
                        transform: rotate(0deg); } }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: calc( 100% - 240px);
        height: 80px;
        background-color: #1564c0; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .bottom-placing-area {
          position: relative;
          padding-left: 5px; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .bottom-placing-area:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 1.7em;
            letter-spacing: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            align-items: center;
            justify-content: center;
            z-index: 0; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .bottom-placing-area > ul {
            position: relative;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .bottom-placing-area > ul > li {
              position: relative;
              font-size: .9em;
              display: -webkit-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              -webkit-justify-content: center;
              align-items: center;
              justify-content: center;
              height: 24px;
              margin: 0 2px;
              border-radius: 5px;
              line-height: normal;
              z-index: 2; }
              .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .bottom-placing-area > ul > li:before {
                margin-right: 3px; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .offline-bus {
          width: 70%;
          max-width: 80%;
          background-color: #ededed; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .offline-bus:after {
            content: '离线';
            color: gainsboro; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .offline-bus > ul > li:before {
            color: #b5b5b5; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .offline-none-service {
          flex: 1;
          background-color: #ffdddd; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .offline-none-service:after {
            content: '停运';
            color: #ffc3c3; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-wrapper .zhx-ctc-center .zhx-ctc-center-bottom .offline-none-service > ul > li:before {
            color: #ff6d6d; }
  .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom {
    flex: 1;
    z-index: 1;
    min-width: 1100px;
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-top: 3px solid #a1a1a1;
    background-color: #F5F5F5; }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left {
      flex: 1;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      /**
 * ZHX CTC FORECAST SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.11.07
 * 
 */ }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        font-size: .9em;
        width: 100%; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid ul, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid li {
          list-style: none;
          padding: 0;
          margin: 0; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-filter {
          height: 10px;
          position: relative;
          background-color: #c7c7c7;
          overflow: hidden; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-filter:before {
            position: absolute;
            color: #f8f8f8;
            top: -3px;
            left: 0;
            width: 100%;
            height: 10px;
            font-size: 1.2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            align-items: center;
            justify-content: center;
            z-index: 0; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-filter .zhx-forecast-filter-main {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 10px;
            left: 0;
            background-color: #f0f0f0;
            box-shadow: 0 -10px 10px #8f8f8f inset; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper {
          flex: 1;
          overflow: hidden;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-body-wrapper {
            overflow: auto;
            height: 100%; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-header ul, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-body ul {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-header ul li, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-body ul li {
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              -webkit-justify-content: center;
              align-items: center;
              justify-content: center;
              flex: 1;
              cursor: default;
              border-bottom: 1px solid #F5F5F5; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-header {
            height: 35px;
            position: relative;
            background-color: #f2f2f2;
            font-weight: 600; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-body {
            flex: 1;
            height: 100%;
            overflow-y: auto;
            background-color: white; }
            .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-left .zhx-forecast-grid .zhx-forecast-grid-wrapper .zhx-forecast-body ul {
              height: 35px; }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right {
      width: 350px;
      border-left: 3px solid #a1a1a1;
      /**
 * ZHX CTC ALARM SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.11.07
 * 
 */ }
      .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        font-size: .9em; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid ul, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid li {
          list-style: none;
          padding: 0;
          margin: 0; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-header ul, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-body ul {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          overflow: hidden; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-header ul.redRow, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-body ul.redRow {
            background-color: #ff5353;
            color: #fff;
            border-bottom: 1px solid #E53935; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-header ul.yellowRow, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-body ul.yellowRow {
            background-color: #ffe083;
            color: #795548;
            border-bottom: 1px solid #FFD180; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-header ul.greenRow, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-body ul.greenRow {
            background-color: #26a59a;
            color: #fff;
            border-bottom: 1px solid #009688; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-header ul li, .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-body ul li {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            align-items: center;
            justify-content: center;
            flex: 1;
            cursor: default; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-header {
          height: 35px;
          background-color: #f2f2f2;
          font-weight: 600; }
        .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-body {
          flex: 1;
          overflow-y: auto;
          background-color: white; }
          .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .zhx-ctc-bottom-right .zhx-alarm-grid .zhx-alarm-body ul {
            height: 35px; }
    .zhx-ctc-liear-map-wrapper .zhx-ctc-bottom .no-data {
      width: 100%;
      margin-top: 2%;
      display: inline-block;
      text-align: center;
      color: #a1a1a1; }
  .zhx-ctc-liear-map-wrapper .zhx-ctc-copyright {
    flex: none;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
    height: 19px;
    font-size: .8em;
    overflow: hidden;
    color: #767676;
    background-color: #212121; }

@media screen and (max-height: 700px) {
  .zhx-ctc-liear-map-wrapper {
    overflow-y: auto; } }

@media screen and (max-width: 1100px) {
  .zhx-ctc-liear-map-wrapper {
    overflow-x: auto; } }

.zhx-ctc-layer {
  position: fixed;
  z-index: 100;
  background-color: white;
  color: #212121;
  font-size: .8em;
  border-radius: 5px;
  opacity: 0;
  transform: scale(0, 0);
  transform-origin: 0 0;
  box-shadow: 0 0 10px darkgray;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .zhx-ctc-layer .zhx-ctc-bus-layer, .zhx-ctc-layer .zhx-ctc-station-layer {
    padding: 10px; }
    .zhx-ctc-layer .zhx-ctc-bus-layer > div, .zhx-ctc-layer .zhx-ctc-station-layer > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -webkit-justify-content: center;
      align-items: center;
      justify-content: center;
      border-radius: 3px 5px;
      padding: 5px 8px;
      transform: skew(-15deg);
      font-size: .8em;
      min-width: 60px; }
      .zhx-ctc-layer .zhx-ctc-bus-layer > div.bus-no, .zhx-ctc-layer .zhx-ctc-station-layer > div.bus-no {
        background-color: #3f51b5; }
      .zhx-ctc-layer .zhx-ctc-bus-layer > div.station-name, .zhx-ctc-layer .zhx-ctc-station-layer > div.station-name {
        width: auto;
        background-color: #26a59a; }
      .zhx-ctc-layer .zhx-ctc-bus-layer > div span, .zhx-ctc-layer .zhx-ctc-station-layer > div span {
        transform: skew(15deg);
        color: white; }
    .zhx-ctc-layer .zhx-ctc-bus-layer ul, .zhx-ctc-layer .zhx-ctc-station-layer ul {
      padding: 0;
      margin: 0; }
      .zhx-ctc-layer .zhx-ctc-bus-layer ul li, .zhx-ctc-layer .zhx-ctc-station-layer ul li {
        list-style: none;
        min-width: 120px;
        padding: 3px 2px; }
